/*
作者：我爱吃fish
主页：https://space.bilibili.com/586310538
仅作参考学习使用，禁止用于任何商业活动
*/



/*幼圆文字class*/

.youyuantext{
    font-family:"幼圆", Times, serif;
}

/*等线文字*/
.equline{
    font-family:"等线", Times, serif;
}


/*等线细体*/
.equlinelight{
    font-family:"等线 Light", Times, serif;
}

/*必应每日一图*/
.wallpaper{
/*background-image:url('https://api.dujin.org/bing/1366.php');*/ //焯 我再也不用bing每日图片了！！再用我就是个sb
font-family: "Microsoft Yahei Light","Microsoft Yahei UI",PingFangSC-Regular,Helvetica,sans-serif;
}
#nobing{
background-repeat:no-repeat;
background-size: cover;
}
/*版权信息*/
.copyright{
position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, -50%);
background-color: rgb(38,43,56);
}
.copyrighttext{
color:#F8F8FF
}

/*超链接美化*/

a:link{color: #F8F8FF;}  /*超链接默认样式*/
a:visited{color: #F8F8FF;}  /*超链接被访问后的样式*/
a:hover{color: #F5F5F5;}   /*鼠标经过超链接的样式*/
a:active{color: #F8F8FF;}  /*超链接被激活时的样式*/

a{
text-decoration:none;
outline:none;
border='0'
}

/*时间居中*/
.clock{
text-align: center;
position: absolute;
left: 47.23%;
top: 10%;
cursor:arrow;
animation-fill-mode : forwards;
}


#clock:hover{
                text-align: center;
                position: absolute;
                left: 47.23%;
                top: 10%;
                animation:mymove 5s ;
                -webkit-animation:mymove 5s ; /*Safari and Chrome*/
                animation-fill-mode : forwards;
            }
            @keyframes mymove
            {
                0%{
                transform: scale(1);  /*开始为原始大小*/
                }
                25%{
                    transform: scale(1.1); /*放大1.1倍*/
                }

            }
            
            @-webkit-keyframes mymove /*Safari and Chrome*/
            {
                0%{
                transform: scale(1);  /*开始为原始大小*/
                }
                25%{
                    transform: scale(1.1); /*放大1.1倍*/
                }
            }

/*搜索框美化*/
.search{
animation-fill-mode: forwards;
        outline:none;
        color: rgba(0,0,0,1);
        background-color:rgba(255,255,255,0.8);
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        padding:20px;
        text-align: center;
        position: absolute;
        left: 31.05%;
        top: 30%;
        width: 500px; border-radius: 10em; transition: all 0.5s ease 0s;height: 30px;
            transition: width 0.5s, height 0.5s, left 0.5s, top 0.5s;
            -webkit-transition: width 0.5s, height 0.5s, left 0.5s, top 0.5s;
            animation-fill-mode : forwards;
    }
@keyframes likes {
  0% {
    width: 500px;
    height: 30px;

  }
  100% {
    width: 1000px;
    height: 30px;
    left: 11.5000012333333335564%;
    top: 30%;
  }
}
#search:hover {
      animation-name: likes;
      animation-timing-function: linear;
      animation-delay: 0s; 
      animation-iteration-count: 1; 
      animation-duration: 0.35s; 
      animation-fill-mode: forwards;
    }

/*提示文字*/
::-webkit-input-placeholder { /* WebKit browsers */
  color: #white;
  font-size: 16px;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #white;
  font-size: 16px;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #white;
  font-size: 16px;
}




/*关于弹出框*/

#popLayer {
            display: none;
            background-color: #B3B3B3;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 10;
            -moz-opacity: 0.8;
            opacity:.80;
            filter: alpha(opacity=80);/* 只支持IE6、7、8、9 */
        }
 
        /*弹出层*/
        #popBox {
                border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
            display: none;
            background-color: #FFFFFF;
            z-index: 11;
            width: 1000px;
            height: 500px;
            height: 500px;
            position:fixed;
            top:0;
            right:0;
            left:0;
            bottom:0;
            margin:auto;
            overflow:auto;
        }
 
        #popBox .close{
            text-align: right;
            margin-right: 5px;
            background-color: #F8F8F8;
        }
 
 .closebtn{
 color:black;
 }
.closebtn:hover{
color: red;
}

/*今日诗词接口*/
.gushi{
        width:1270px;
        height:70px;
        text-align: center;
        position: absolute;
        /*left: 40.23%;*/
        top: 54%;
        background-color: rgba(0,0,0,0.5)
}

/*关于框标识*/
.new{
background-color: rgb(164,186,128);
                border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        width:50px;
        height:25px;
        position:relative
}
.repair{
background-color: rgb(219,198,147);
                border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        width:50px;
        height:25px;
        position:relative
}
.conguatulations{
background-color:rgb(239,160,67);
                border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        width:50px;
        height:25px;
        position:relative
}
.notice{
color: white
}
.rebuild{
background-color: rgb(161,198,201);
                border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        width:50px;
        height:25px;
        position:relative
}
.delete{
background-color: rgb(255,0,0);
                border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        width:50px;
        height:25px;
        position:relative
}

















/*关于站点*/

#closefew {
            display: none;
            background-color: #B3B3B3;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 10;
            -moz-opacity: 0.8;
            opacity:.80;
            filter: alpha(opacity=80);/* 只支持IE6、7、8、9 */
        }
 
        /*弹出层*/
        #closefewbox {
                border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
            display: none;
            background-color: #FFFFFF;
            z-index: 11;
            width: 1000px;
            height: 500px;
            height: 500px;
            position:fixed;
            top:0;
            right:0;
            left:0;
            bottom:0;
            margin:auto;
            overflow:auto;
        }
        
        
        
        
        
        
        
        
        
        
        #closeall {
            display: none;
            background-color: #B3B3B3;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 10;
            -moz-opacity: 0.8;
            opacity:.80;
            filter: alpha(opacity=80);/* 只支持IE6、7、8、9 */
        }
 
        /*弹出层*/
        #closeallbox {
                border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
            display: none;
            background-color: #FFFFFF;
            z-index: 11;
            width: 1000px;
            height: 500px;
            height: 500px;
            position:fixed;
            top:0;
            right:0;
            left:0;
            bottom:0;
            margin:auto;
            overflow:auto;
        }
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        /*滚动条美化*/
        ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    /*background-color: #ddd;*/
}


/*滑块*/
::-webkit-scrollbar-thumb {
    background-color: #333;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #777;
}


/*滑道*/
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px #333;
    border-radius: 10px;
}















#poem_sentence{
color: white;
font-size:25px;
}

#poem_info{
color: white;
font-size:20px;
}

#Icontext{
color: white;
font-size:15px;
}
#baiduIcon{
background-color: rgba(0,0,0,0.4);
                border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        width:55px;
        height:25px;
        position:relative;
        left: 32.05%;
        top: 40.589190254144%;
        color: white;
font-size:15px;
float:left;
}

#bingIcon{
background-color: rgba(0,0,0,0.4);
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        width:55px;
        height:25px;
        position:relative;
        left: 39.05%;
        top: 40.589190254144%;
        color: white;
font-size:15px;
float:left;
}

#sogouIcon{
background-color: rgba(0,0,0,0.4);
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        width:55px;
        height:25px;
        position:relative;
        left: 46.05%;
        top: 40.589190254144%;
        color: white;
font-size:15px;
float:left;
}

#soIcon{
background-color: rgba(0,0,0,0.4);
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        width:55px;
        height:25px;
        position:relative;
        left: 51.05%;
        top: 40.589190254144%;
        color: white;
font-size:15px;
float:left;
}

#searchbox{
        left: 45.05%;
        top: 40%;
}


.exit-button { /* 按钮美化 */
	width: 50px; /* 宽度 */
	height: 50px; /* 高度 */
	border-width: 0px; /* 边框宽度 */
	border-radius: 3px; /* 边框半径 */
	background: reb(112,192,0); /* 背景颜色 */
	cursor: pointer; /* 鼠标移入按钮范围时出现手势 */
	outline: none; /* 不显示轮廓线 */
	font-family: Microsoft YaHei; /* 设置字体 */
	color: gray; /* 字体颜色 */
	font-size: 17px; /* 字体大小 */
}
.exit-button:hover { /* 鼠标移入按钮范围时改变颜色 */
	background: rgb(112,192,0);
	color: white; /* 字体颜色 */
}

#soIconselect{
background-color: rgba(255,255,255,0.7);
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        width:55px;
        height:25px;
        position:relative;
        left: 51.05%;
        top: 40.589190254144%;
        color: white;
font-size:15px;
float:left;
}

#baiduIconselect{
background-color: rgba(255,255,255,0.7);
                border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        width:55px;
        height:25px;
        position:relative;
        left: 32.05%;
        top: 40.589190254144%;
        color: black;
font-size:15px;
float:left;
}

#sogouIconselect{
  background-color: rgba(255,255,255,0.7);
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        width:55px;
        height:25px;
        position:relative;
        left: 46.05%;
        top: 40.589190254144%;
        color: white;
font-size:15px;
float:left;
}

#bingIconselect{
  background-color: rgba(255,255,255,0.7);
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        width:55px;
        height:25px;
        position:relative;
        left: 39.05%;
        top: 40.589190254144%;
        color: white;
font-size:15px;
float:left;
}

#searchclicked:link{
color: black;
}

#searchselectbox{
top: 40.589190254144%;
}

.baiduIcon:active {
	background-color: red;
}

.bingIcon:active {
	background-color: red;
}

.sogouIcon:active{
	background-color: red;
}